<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form_box">
        <div class="title1">申请详情</div>
        <div class="title2">
            <div class="title2_text">电梯信息</div>
        </div>
        <div class="content_box1">
            <div class="content_item1">
                <div>电梯编号：</div>
                <div>{$row.lifts.lift_number}</div>
            </div>
            <div class="content_item1">
                <div>所在地区：</div>
                <div>{$row.lifts.area}</div>
            </div>
            <div class="content_item1">
                <div>电梯地址：</div>
                <div>{$row.lifts.buildings}</div>
            </div>
            <div class="content_item1">
                <div>电梯使用标志：</div>
                <img class="content_item1_img"
                     src="{$row.lifts.green_map}" alt="">
            </div>
            <div class="content_item1">
                <div>业主姓名：</div>
                <div>{$row.lifts.real_name}</div>
            </div>
            <div class="content_item1">
                <div>联系电话：</div>
                <div>{$row.lifts.phone}</div>
            </div>
            <div class="content_item1">
                <div>业务员：</div>
                <div>{$row.order.personnel_name}</div>
            </div>
            <div class="content_item1">
                <div>电梯规格：</div>
                <div>{$row.specifications}</div>
            </div>
        </div>
        <div class="title2">

            <div class="title2_text">服务信息 第{$row.number}单
                {if condition="$row.status eq 1"}
                <span style="color: #ff8c00">待服务</span>
                {elseif condition="$row.status eq 2"}
                <span style="color: #00b83f">服务中</span>
                {elseif condition="$row.status eq 3"}
                <span style="color: #ff0000">已评价</span>
                {elseif condition="$row.status eq 4"}
                <span style="color: #ff0000">未评价</span>
                {elseif condition="$row.status eq 5"}
                <span style="color: #ff0000">售后</span>
                {/if}
            </div>
        </div>
        <div class="content_box1">
            <div class="content_item1">
                <div>订单编号：</div>
                <div>{$row.order.order_id}</div>
            </div>
            <div class="content_item1">
                <div>套餐名称：</div>
                <div>{$row.package}</div>
            </div>
            <div class="content_item1">
                <div>套餐时长：</div>
                <div>{$row.duration}</div>
            </div>
            <div class="content_item1">
                <div>成交价格：</div>
                <div>{$row.order.pay_price}</div>
            </div>
            <div class="content_item1">
                <div>清洁范围：</div>
                <div>{$row.order.pay_price}</div>
            </div>
            <div class="content_item1">
                <div>付款时间：</div>
                <div>{$row.order.pay_time}</div>
            </div>
            <div class="content_item1">
                <div>保洁员：</div>
                <div>{$row.cleaner_name}</div>
            </div>
            <div class="content_item1">
                <div>服务单编号：</div>
                <div>{$row.service_id}</div>
            </div>
            <div class="content_item1">
                <div>服务日期：</div>
                <div>{$row.service_time}</div>
            </div>
        </div>
        <div class="title2">
            <div class="title2_text">清洁信息</div>

        </div>
        <div class="title2">
            <div class="title2_text">售后信息</div>
            {if condition="$row.sales.service_status eq 1"}
            <div class="box-header with-border">
                <span style="margin-right: 20px;color: rgb(243,165,88);">已处理</span>
            </div>
            {elseif condition="$row.sales.service_status eq 2"/}
            <div class="box-header with-border">
                <span style="margin-right: 20px;color: rgb(243,165,88);">未处理</span>
            </div>
            {elseif condition="$row.sales.service_status eq 3"/}
            <div class="box-header with-border">
                <span style="margin-right: 20px;color: rgb(243,165,88);">已关闭</span>
            </div>
            {/if}
        </div>
        <!--审核信息-->
        {if condition="$row.sales.service_status eq 3"}
        <div class="content_item1">
            <div>审核：</div>
            <div>
                已关闭
            </div>
        </div>
        {elseif condition="$row.sales.service_status eq 1"/}
        <div class="content_box1">
            <div class="content_item1">
                <div>审核：</div>
                <div>
                    已处理
                </div>
            </div>
            <div class="content_item1">
                <div>处理方案：</div>
                <div>
                    {$row.sales.handle_type}
                </div>
            </div>
            <div class="content_item1">
                <div>解决凭证：</div>
                <div>
                    {$row.sales.handle_voucher}
                </div>
            </div>
        </div>
        {elseif condition="$row.sales.service_status eq 2"/}
        <div class="content_box1">
            <div class="content_item1">
                <div>审核：</div>
                <div>
                    未处理
                </div>
            </div>
            <div class="content_item1">
                <div>处理方案：</div>
                <div>
                    {$row.sales.handle_type}
                </div>
            </div>
            <div class="content_item1">
                <div>解决凭证：</div>
                <div>
                    {$row.sales.handle_voucher}
                </div>
            </div>
        </div>
        {/if}
    </div>
</form>
<style>
    .form_box {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .title1,
    .title2 {
        width: 100%;
        font-weight: bold;
    }

    .title1 {
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }

    .title2 {
        background-color: rgb(215, 215, 215);
        display: flex;
        align-items: center;
    }

    .title2_text {
        margin: 10px 30px;
    }

    .content_box1 {
        margin-top: 30px;
        width: 90%;
        display: flex;
        flex-wrap: wrap;

    }

    .content_item1 {
        width: 33%;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
    }


    .content_item1_img {
        max-width: 150px;
        max-height: 150px;
    }

    .btn_box {
        margin: 20px 0;
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
</style>